html,body, h1, h2, h3, h4, h5, h6, form, p, a, ul, li {
    margin: 0;
    padding: 0
}

ul, li {
    list-style-type: none;
}

body {
    font: 76% arial, sans-serif
}

p {
    margin: 0 10px 10px
}

#menu li a {
    display: block;
    color: #2d3279;
    padding: 5px 10px
}
#menu li a:hover{
    background: #333;
    color: #FFF
    }

#menu li{
    border-bottom: 1px solid #333;
    }



#container {
    width: 775px;
    margin-left: auto;
    margin-right: auto;
}

#header{
    background-color: #333;
    }

#header h1 {
    height: 80px;
    line-height: 80px;
    margin: 0;
    padding-left: 10px;
    background: #cde1f3;
    color: #2d3279;
    font-style: italic;
}

#header h2 {
    height: 10px;
    line-height: 10px;
    background-color: #333;
    color: #333;
}

div#content p {
    margin-top: 10px;
    line-height: 140%
}

div#middle{
    background: url("../imagens/background.png") left repeat-y;
}

div#navigation {
    color: #2d3279;
    margin: 0;
}

div#extra {
    background: #FF8539
}

div#footer {
    background: #cde1f3;
    color: #2d3279;
    padding-bottom: 10px
}
#footer a{
    color: #2d3279
}
#footer a:hover{
    color: #2d3279
}

div#footer p {
    margin: 0;
    padding: 5px 10px
}

div#wrapper {
    width: 582px;
    float: left;
}

div#content {
    float: left;
    width: 95%;
    margin: 10px 20px;
}

#content_logon{
    width: 250px;
    margin: 0 auto
}

div#navigation {
    float: left;
    width: 193px;
}

div#extra {
    float: left;
    width: 25%;
    margin-left: -25%
}

div#footer {
    clear: left;
    width: 100%
}
